<!doctype html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head th:fragment="index_head">
    <meta charset="utf-8">
    <title>EasyBlog — 让写博客更简单</title>
    <meta name="keywords" content="EasyBlog博客网站,个人博客,个人网站,开发技术">
    <meta name="description"
          content="EasyBlog是一个优秀的IT原创文章分享及交流平台,包含系统运维,云计算,大数据分析,Web开发入门,高可用架构,微服务,架构设计,Java,数据库,网络安全,人工智能,区块链,移动开发技术,服务器,考试认证等文章。">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" th:href="@{/static/favicon.ico}"/>
    <link rel="bookmark" th:href="@{/static/favicon.ico}"/>
    <link th:href="@{/static/css/base.min.css}" rel="stylesheet">
    <link th:href="@{/static/css/m.min.css}" rel="stylesheet">
    <link th:href="@{/static/css/swiper.min.css}" rel="stylesheet">
    <script th:src="@{/static/js/jquery.min.js}"></script>
    <script th:src="@{/static/js/comm.min.js}"></script>
    <script th:src="@{/static/js/swiper.min.js}"></script>
    <!--google AdSense-->
    <script data-ad-client="ca-pub-3593811072504140" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</head>
<body>
<header th:fragment="index_header">
    <!--top bar-->
    <div class="top">
        <div class="box">
            <div class="welcome">欢迎您访问<a th:href="@{/}" target="_blank">EasyBlog</a>
                本站旨在为大家提供IT技术相关的教程和资讯，以及常用开发工具免费下载！
            </div>
            <div class="guanzhu"><i></i>
                <ul class="weixin">
                    <li><img th:src="@{/static/images/wechat.jpg}" alt="联系我：15709160159">联系我</li>
                    <li><img th:src="@{/static/images/wechat.jpg}" alt="微信公众号">微信公众号</li>
                </ul>
            </div>
            <!--guanzhu end-->
            <div class="is-search">
                <section><i></i></section>
            </div>
            <div class="search-page">
                <div class="search_box">
                    <div class="go-left"></div>
                    <div class="search">
                        <form th:action="@{/search/details}" method="get" name="searchform"
                              id="searchform">
                            <input name="query" id="keyboard" class="input_text" value="请输入关键字词"
                                   style="color: rgb(153, 153, 153);"
                                   onfocus="if(value=='请输入关键字词'){this.style.color='#000';value=''}"
                                   onblur="if(value==''){this.style.color='#999';value='请输入关键字词'}" type="text">
                            <input name="show" value="title" type="hidden">
                            <input name="tempid" value="1" type="hidden">
                            <select name="tbname">
                                <option value="news">资讯</option>
                                <option value="pics">下载</option>
                            </select>
                            <input name="Submit" class="input_submit" value="搜索" type="submit">
                        </form>
                    </div>
                    <div class="clear"></div>
                    <div class="hot-search">
                        <p>热门搜索/Hot Search</p>
                        <ul class="search-paihang" th:if="${hotList!=null and !#lists.isEmpty(hotList)}">
                            <!--热门搜索-->
                            <li th:each="hotWord:${hotList}"><a th:href="@{/search/details(query=${hotWord})}"
                                                                th:text="${hotWord}"></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--search-page end-->
        </div>
    </div>
    <!--top end-->
    <nav>
        <div class="box">
            <div class="logo" style="width: 182px">
                <a th:href="@{/}" title="EasyBlog-让写博客更简单">
                    <!--<img th:src="@{/static/logo.png}" alt="EasyBlog-让写博客更简单">-->
                    <h1>EasyBlog</h1>
                </a>
            </div>
            <ul id="starlist">
                <li><a href="/" title="首页" th:href="@{/}">首页</a></li>
                <li class="menu"><a th:href="@{/cb}">计算机基础</a>
                    <ul class="sub">
                        <li><a th:href="@{/cb/network}">计算机网络</a></li>
                        <li><a th:href="@{/cb/os}">操作系统</a></li>
                        <li><a th:href="@{/cb/dp}">设计模式</a></li>
                        <li><a th:href="@{/cb/algorithm}">数据结构与算法</a></li>
                    </ul>
                    <span></span></li>
                <li><a th:href="@{/java}">Java</a></li>
                <li class="menu"><a th:href="@{/framework}">服务端</a>
                    <ul class="sub">
                        <li><a th:href="@{/framework/spring}">Spring教程</a></li>
                        <li><a th:href="@{/framework/springmvc}">Spring MVC教程</a></li>
                        <li><a th:href="@{/framework/springboot}">Spring Boot教程</a></li>
                        <li><a th:href="@{/framework/mybatis}">MyBatis教程</a></li>
                        <li><a th:href="@{/framework/redis}">Redis教程</a></li>
                        <li><a th:href="@{/framework/docker}">Docker教程</a></li>
                        <li><a th:href="@{/framework/nginx}">Nginx教程</a></li>
                        <li><a th:href="@{/framework/netty}">Netty教程</a></li>
                        <li><a th:href="@{/framework/rocketmq}">RocketMQ教程</a></li>
                    </ul><span></span></li>
                <li><a th:href="@{/db}">数据库</a></li>
                <li><a th:href="@{/bigdata}">云计算/大数据</a></li>
                <li><a th:href="@{/dev-tools}">开发工具</a></li>
                <li class="menu"><a th:href="@{/web-building}">网站建设</a>
                    <ul class="sub">
                        <li><a th:href="@{/web-building/build/}">网站构建</a></li>
                        <li><a th:href="@{/web-building/learn-http/}">HTTP教程</a></li>
                        <li><a th:href="@{/web-building/broswer/}">浏览器信息</a></li>
                        <li><a th:href="@{/web-building/guide/}">网站建设指南</a></li>
                        <li><a th:href="@{/web-building/host/}">网站主机教程</a></li>
                    </ul>
                    <span></span>
                </li>
                <li th:if="${user==null}"><a class="index_user_header" href="#" th:href="@{/user/login.html}">登录/注册</a>
                </li>
                <li style="width: 100px;height: 34px;" th:if="${user!=null}">
                    <div id="header-images" class="right m-item m-mobile-hide" style="margin-left: 1em !important;">
                        <a style="position: absolute;bottom: -15px" class="index_user_header"
                           th:href="@{/article/index/{uid}(uid=${user.getUserId()})}">
                            <img th:if="${user.getUserHeaderImgUrl()!=null}"
                                 style="max-height: 35px !important;max-width:35px !important;border-radius: 30px !important;"
                                 th:src="@{${user.getUserHeaderImgUrl()}}"/>
                            <div th:if="${user.getUserHeaderImgUrl()==null}"
                                 style="width: 48px;height: 48px;background: #f4f5f6;border-radius: 30px;">
                                <svg t="1604420630232" style="margin: 5px" class="icon" viewBox="0 0 1024 1024"
                                     version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="38499" width="38"
                                     height="38">
                                    <path d="M512 0c113.322667 0 204.8 91.477333 204.8 204.8S625.322667 409.6 512 409.6 307.2 318.122667 307.2 204.8s91.477333-204.8 204.8-204.8z m0 969.386667a491.52 491.52 0 0 1-409.6-219.818667C104.448 613.717333 375.466667 539.306667 512 539.306667c135.850667 0 407.552 74.410667 409.6 210.261333a491.52 491.52 0 0 1-409.6 219.818667z"
                                          fill="#bfbfbf" p-id="38500"></path>
                                </svg>
                            </div>
                        </a>
                    </div>
                    <ul class="sub" style="width: 150%;top: 50px;left: 10px">
                        <li><a th:href="@{/manage/blog/post}">创作中心</a></li>
                        <li><a th:href="@{/article/index/{uid}(uid=${user.getUserId()})}">我的主页</a></li>
                        <li><a th:href="@{/manage/blog/}">博客管理</a></li>
                        <li><a th:href="@{/manage/uc/profile}">个人中心</a></li>
                        <li><a th:href="@{/help}">帮助</a></li>
                        <li><a id="logOut" style="cursor: pointer">退出</a></li>
                    </ul>
                    <span></span>
                </li>
            </ul>
        </div>
    </nav>
    <h2 id="mnavh"><span class="navicon"></span></h2>
</header>
<main>
    <div class="lbox">
        <div class="banner">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide" th:if="${articles!=null and #lists.size(articles)>0}"
                         th:each="article:${articles}">
                        <a th:href="@{/article/details/{id}(id=${article.getArticleId()})}" target="_blank">
                            <img th:if="${article.getArticleFirstPicture()==null}"
                                 src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture"
                                 th:alt="${article.getArticleTopic()}">
                            <img th:if="${article.getArticleFirstPicture()!=null}"
                                 th:src="@{${article.getArticleFirstPicture()}}" th:alt="${article.getArticleTopic()}">
                            <section><h4 th:text="${article.getArticleTopic()}"></h4></section>
                        </a>
                    </div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
            </div>
            <script>
                //banner
                var swiper = new Swiper('.swiper-container', {
                    pagination: '.swiper-pagination',
                    nextButton: '.swiper-button-next',
                    prevButton: '.swiper-button-prev',
                    paginationClickable: true,
                    spaceBetween: 100,
                    centeredSlides: true,
                    autoplay: 8000,
                    autoplayDisableOnInteraction: false,
                });
            </script>
        </div>
        <!-- banner end-->
        <div class="headline">
            <ul>
                <li th:each="article,articleStat:${specialRecommendArticles}" th:unless="${articleStat.last}">
                    <a th:href="@{/article/details/{id}(id=${article.getArticleId()})}"
                       th:title="${article.getArticleTopic()}" target="_blank">
                        <img th:if="${article.getArticleFirstPicture()==null}"
                             src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture">
                        <img th:if="${article.getArticleFirstPicture()!=null}"
                             th:src="@{${article.getArticleFirstPicture()}}">
                        <span>
                  <h4 th:text="${article.getArticleTopic()}"></h4>
                   </span></a>
                </li>
            </ul>
        </div>
        <!--headline end-->
        <div class="clear"></div>
        <div class="h_title">最新文章</div>
        <div class="blogs">
            <ul th:if="${newestArticlesPages!=null&&!#lists.isEmpty(newestArticlesPages.getList())}">
                <th:block th:each="article,articleStat:${newestArticlesPages.getList()}">
                    <li class="blogs_list">
                        <a th:href="@{/article/details/{id}(id=${article.getArticleId()})}" target="_blank"><i>
                            <img th:if="${article.getArticleFirstPicture()==null}"
                                 src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture"
                                 th:alt="${article.getArticleTopic()}">
                            <img th:if="${article.getArticleFirstPicture()!=null}"
                                 th:src="@{${article.getArticleFirstPicture()}}" th:alt="${article.getArticleTopic()}">
                        </i>
                            <h2 th:text="${article.getArticleTopic()}"></h2></a>
                        <p th:text="${#strings.abbreviate(article.getArticleContent(),150)}">文章描述</p>
                        <div class="blogs_writer">[[${article.getAuthorName()}]]
                            <span class="blogs_time"
                                  th:text="${#dates.format(article.getArticlePublishTime(),'yyyy-MM-dd')}">2020-10-18</span>
                        </div>
                        <div class="blogs_tags">
                            <a th:href="@{/category/details/{categoryId}/{userId}(categoryId=${article.getCategoryId()},userId=${article.getArticleUser()})}"
                               target='_blank' th:text="${article.getArticleCategory()}"></a>
                        </div>
                        <span class="blogs_lm"><a
                                th:href="@{/category/details/{categoryId}/{userId}(categoryId=${article.getCategoryId()},userId=${article.getArticleUser()})}"
                                target="_blank" th:text="${article.getArticleCategory()}">TAG</a></span>
                    </li>

                   <!-- <div th:if="${T(java.lang.Integer).parseInt(#numbers.formatDecimal(T(java.lang.Math).floor((T(java.lang.Math).random()*3+1)*(T(java.lang.Math).random()*3+1)),1,0))% 9==0 && !articleStat.last &&articleStat.count>=5}"
                         class="zhuanti">
                        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
                        <ins class="adsbygoogle"
                             style="display:block"
                             data-ad-format="fluid"
                             data-ad-layout-key="-ef+6k-30-ac+ty"
                             data-ad-client="ca-pub-2311962880414013"
                             data-ad-slot="1210965159"></ins>
                        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
                    </div>-->
                </th:block>
            </ul>
        </div>
        <div class="read-more"><a>阅读更多</a></div>
        <!--bloglist end-->
        <div th:if="${mobileDevice==null or !mobileDevice}" id="END"
             style="text-align: center;letter-spacing: -1px;color: #bbb;display: none;padding: 25px">———————————<span
                style="color: #888;display: inline-block;letter-spacing: 0;margin:0 20px;">我是有底线的</span>———————————
        </div>
        <div th:if="${mobileDevice!=null and mobileDevice}" id="END"
             style="text-align: center;letter-spacing: -1px;color: #bbb;display: none;padding: 15px">————<span
                style="color: #888;display: inline-block;letter-spacing: 0;margin:0 20px;">我是有底线的</span>————
        </div>
    </div>
    <aside class="rbox m-mobile-hide">
        <div class="news_kx">
            <h2>今日推荐</h2>
            <ul th:if="${recommendArticles!=null && #lists.size(recommendArticles)>0}">
                <li th:each="article:${recommendArticles}">
                    <i></i>
                    <a th:href="@{/article/details/{id}(id=${article.getArticleId()})}"
                       th:title="${article.getArticleTopic()}" target="_blank"
                       th:text="${article.getArticleTopic()}"></a>
                    <span th:text="${#dates.format(article.getArticlePublishTime(),'yyyy-MM-dd')}">2020-10-18</span>
                </li>
            </ul>
        </div>
        <!--<div class="ad">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
            &lt;!&ndash; Square_Ad_Index_1 &ndash;&gt;
            <ins class="adsbygoogle"
                 style="display:block"
                 data-ad-client="ca-pub-2311962880414013"
                 data-ad-slot="9594736108"
                 data-ad-format="auto"
                 data-full-width-responsive="true"></ins>
            <script>
                (adsbygoogle = window.adsbygoogle || []).push({});
            </script>
        </div>-->
        <div class="hot_news">
            <p class="h_title">文章热榜</p>
            <ul>
                <li th:each="article,articleStat:${famousSideBarTopArticle}">
                    <a th:href="@{/article/details/{id}(id=${article.getArticleId()})}"
                       th:alt="${article.getArticleTopic()}" target="_blank">
                        <i>
                            <img th:if="${article.getArticleFirstPicture()==null}"
                                 src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture">
                            <img th:if="${article.getArticleFirstPicture()!=null}"
                                 th:src="@{${article.getArticleFirstPicture()}}">
                        </i><em th:text="${articleStat.count}">1</em>
                        <h2 th:text="${article.getArticleTopic()}">机械制造行业未来的前景</h2>
                        <span th:text="${#dates.format(article.getArticlePublishTime(),'yyyy-MM-dd')}">2020-10-18</span>
                    </a></li>
            </ul>
        </div>
    </aside>
</main>
<div class="clear"></div>

<footer th:fragment="index-footer">
    <div class="ft-box">
        <div class="wxbox">
            <ul>
                <li><img src="../static/images/wechat.jpg" th:src="@{/static/images/wechat.jpg}"><span>开发者微信</span></li>
                <li><img src="../static/images/wechat.jpg" th:src="@{/static/images/wechat.jpg}"><span>微信公众号</span></li>
            </ul>
        </div>
        <div class="endnav">
            <p><b>站点声明：</b></p>
            <p>1、本站是个人网站，版权归EasyBlog开发者所有，个人可以使用，但是未经许可不得用于任何商业目的。</p>
            <p>2、所有文章未经原作者授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。</p>
            <p>3、评论区禁止发布有损国家形象和民族团结等非法言论，如有违反，追究法律责任。</p>
            <p>4、本站所展示的所有内容仅供网友学习和交流，请勿作他用。若因非法使用引起纠纷、损失等，一切后果由使用者承担。</p>
            <br/>
            <p class="copyright" style="margin-top: 0 !important;font-size: 15px">
                Copyright © 2019-[[${#dates.format(new java.util.Date().getTime(),'yyyy')}]]
                <a style="font-size: 15px;color: inherit" href="http://www.easyblog.top">www.easyblog.top</a> 版权所有.
                <a href="http://beian.miit.gov.cn/publish/query/indexFirst.action"
                   style="font-size: 15px;color: inherit" target="_blank">备案号：陕ICP备-19025460号</a>
                <span class="ft-sitemap"><a th:href="@{/sitemap.xml}" target="_blank">网站地图</a>
                <a href="#" target="_blank">标签合集</a>
                <a href="https://www.cnzz.com/stat/website.php?web_id=1278953609" target="_blank">
                    <script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1278953609'%3E%3C/span%3E%3Cscript src='https://s4.cnzz.com/z_stat.php%3Fid%3D1278953609%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script>
                    网站统计
                </a></span>
            </p>
        </div>
    </div>
    <div class="scrollTop">
        <svg id="top-default" t="1604286327823" class="icon" viewBox="0 0 1024 1024" version="1.1"
             xmlns="http://www.w3.org/2000/svg" p-id="22359" width="28" height="28">
            <path d="M588.8 98.133333c-29.866667-29.866667-55.466667-51.2-68.266667-51.2H507.733333c-17.066667 0-38.4 21.333333-68.266666 51.2L247.466667 320c-38.4 38.4-34.133333 106.666667 38.4 106.666667h460.8c72.533333 0 76.8-68.266667 38.4-106.666667l-196.266667-221.866667z m247.466667 558.933334v119.466666h34.133333c46.933333 0 72.533333-21.333333 72.533333-59.733333 0-38.4-21.333333-59.733333-68.266666-59.733333h-38.4z m0 183.466666v132.266667h-81.066667V597.333333h128c93.866667 0 140.8 38.4 140.8 119.466667 0 38.4-12.8 68.266667-42.666667 93.866667-29.866667 21.333333-64 34.133333-106.666666 34.133333h-38.4zM405.333333 780.8c0 38.4 8.533333 68.266667 25.6 89.6 17.066667 21.333333 42.666667 34.133333 72.533334 34.133333s55.466667-12.8 72.533333-34.133333c17.066667-21.333333 25.6-51.2 25.6-89.6 0-38.4-8.533333-68.266667-25.6-93.866667-17.066667-21.333333-42.666667-34.133333-72.533333-34.133333s-55.466667 12.8-72.533334 34.133333c-12.8 29.866667-25.6 59.733333-25.6 93.866667z m-81.066666 4.266667c0-59.733333 17.066667-106.666667 51.2-145.066667 34.133333-38.4 81.066667-55.466667 136.533333-55.466667 55.466667 0 98.133333 17.066667 128 55.466667 34.133333 34.133333 51.2 81.066667 51.2 136.533333 0 59.733333-17.066667 106.666667-51.2 140.8-34.133333 38.4-76.8 55.466667-132.266667 55.466667s-98.133333-17.066667-132.266666-51.2c-34.133333-34.133333-51.2-81.066667-51.2-136.533333z m-29.866667-128H187.733333v311.466666H106.666667v-311.466666H0v-64h294.4v64z"
                  p-id="22360" fill="#8a8a8a"></path>
        </svg>
        <svg id="top-highlight" style="display: none" t="1604292029140" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24680" width="28" height="28"><path d="M588.8 98.133333c-29.866667-29.866667-55.466667-51.2-68.266667-51.2H507.733333c-17.066667 0-38.4 21.333333-68.266666 51.2L247.466667 320c-38.4 38.4-34.133333 106.666667 38.4 106.666667h460.8c72.533333 0 76.8-68.266667 38.4-106.666667l-196.266667-221.866667z m247.466667 558.933334v119.466666h34.133333c46.933333 0 72.533333-21.333333 72.533333-59.733333 0-38.4-21.333333-59.733333-68.266666-59.733333h-38.4z m0 183.466666v132.266667h-81.066667V597.333333h128c93.866667 0 140.8 38.4 140.8 119.466667 0 38.4-12.8 68.266667-42.666667 93.866667-29.866667 21.333333-64 34.133333-106.666666 34.133333h-38.4zM405.333333 780.8c0 38.4 8.533333 68.266667 25.6 89.6 17.066667 21.333333 42.666667 34.133333 72.533334 34.133333s55.466667-12.8 72.533333-34.133333c17.066667-21.333333 25.6-51.2 25.6-89.6 0-38.4-8.533333-68.266667-25.6-93.866667-17.066667-21.333333-42.666667-34.133333-72.533333-34.133333s-55.466667 12.8-72.533334 34.133333c-12.8 29.866667-25.6 59.733333-25.6 93.866667z m-81.066666 4.266667c0-59.733333 17.066667-106.666667 51.2-145.066667 34.133333-38.4 81.066667-55.466667 136.533333-55.466667 55.466667 0 98.133333 17.066667 128 55.466667 34.133333 34.133333 51.2 81.066667 51.2 136.533333 0 59.733333-17.066667 106.666667-51.2 140.8-34.133333 38.4-76.8 55.466667-132.266667 55.466667s-98.133333-17.066667-132.266666-51.2c-34.133333-34.133333-51.2-81.066667-51.2-136.533333z m-29.866667-128H187.733333v311.466666H106.666667v-311.466666H0v-64h294.4v64z" p-id="24681" fill="#1296db"></path></svg>
    </div>
</footer>
</body>
<script th:src="@{/static/js/easyblog.min.js}"></script>
<script type="text/javascript" th:inline="javascript">
    //实现加载更多数据的功能
    /*<![CDATA[*/
    let MAX_PAGE_NO = /*[[${articlePagesSize}]]*/ 0;   //最大页码
    let pageNo = 4;
    /*]]>*/
    $(function () {
        //加载跟多文章数据
        $('.read-more').click(function () {
            if (loadMore(pageNo)) {
                pageNo++;
            }
            if (pageNo > MAX_PAGE_NO) {
                $('#END').show();
                $('.read-more').hide();
            }
        });
    });

    //加载跟多文章
    function loadMore(pageNo) {
        let ret = false;
        $.ajax({
            url: "/article/asyncGetArticles",
            method: "GET",
            async: false,
            data: {page: pageNo},
            dataType: "json",
            success: function (response) {
                ret = response.success;
                for (var key in response.model) {
                    fillDataToHtml(response.model[key]);
                }
            },
            error: function () {
                showErrorMessage("服务异常，请重试！");
            }
        });
        return ret;
    }

    function fillDataToHtml(article) {
        let result = '<li class="blogs_list">\n' +
            '<a href="/article/details/' + article.articleId + '" target="_blank"><i>';
        if (article.articleFirstPicture == null) {
            result += '<img src="https://uploadbeta.com/api/pictures/random/?key=BingEverydayWallpaperPicture" alt=' + article.articleTopic + ' />';
        } else {
            result += '<img src=' + article.articleFirstPicture + ' alt=' + article.articleTopic + '>\n';
        }
        result += ' </i>\n' + '<h2>' + article.articleTopic + '</h2></a>\n' +
            '                        <p>' + article.articleContent.substring(0, 150) + '</p>\n' +
            '                        <div class="blogs_writer">' + article.authorName + '\n' +
            '                            <span class="blogs_time">' + formatDate(article.articlePublishTime, false) + '</span>\n' +
            '                        </div>\n' +
            '                        <div class="blogs_tags">\n' +
            '                            <a href="/category/details/' + article.categoryId + '/' + article.articleUser + '" target="_blank">' + article.articleCategory + '</a>\n' +
            '                        </div>\n' +
            '                        <span class="blogs_lm"><a href="/category/details/' + article.categoryId + '/' + article.articleUser + '"  target="_blank">' + article.articleCategory + '</a></span>\n' +
            '                    </li>';
        $('.blogs ul').append(result);
    }

    $('#logOut').click(function () {
        $.ajax({
            url: "/user/logout",
            method: "GET",
            sync: true,
            success: function (response) {
                if (response.success) {
                    window.location.reload();
                }
            },
            error: function () {
                showErrorMessage("服务异常，请重试！");
            }
        });
    });

</script>
</html>
